<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
<link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css" >
<link rel="stylesheet" type="text/css" href="../Css/list.css"/>
	</head>
	<body>
<!--=================
	公共顶部区域开始
==================-->
<div class="topAll">
	<div class="top">
		<div class="topCate">
			<div class="topArea">
				<span>北京</span>
				<span class="glyphicon glyphicon-triangle-bottom"></span>
			</div>
			<div class="topGuide">
				<ul>
					<li>&nbsp;请登录&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</li>
					<li>&nbsp;注册&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</li>
					<li>&nbsp;我的订单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</li>								
					<li>&nbsp;我的收藏&nbsp;<span class="glyphicon glyphicon-triangle-bottom"></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</li>
					<li>&nbsp;会员俱乐部&nbsp;<span class="glyphicon glyphicon-triangle-bottom"></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</li>
					<li>&nbsp;客户服务&nbsp;<span class="glyphicon glyphicon-triangle-bottom"></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</li>
					<li>&nbsp;<span class="glyphicon glyphicon-phone"></span>&nbsp;手机版&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</li>
					<li>&nbsp;更多&nbsp;<span class="glyphicon glyphicon-triangle-bottom"></span></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="topMidAll">
		<div class="topMid">
			<div class="topLogo">
				<img src="../images/logo.png"/>
			</div>
			<div class="topImg">
				<ul>
					<li><img src="../images/zhengpin.jpg"/></li>
					<li><img src="../images/7days.jpg"/></li>
					<li><img src="../images/tuihuo.jpg"/></li>
					<li class="shoppingCart">&nbsp;&nbsp;&nbsp;|<span class="glyphicon glyphicon-shopping-cart"></span>&nbsp;&nbsp;我的购物车</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="topBottom">
		<div class="topNav">
			<ul>
				<li style="width: 65px;">首页</li>
				<li style="width: 110px;">5.20全球购</li>
				<li style="width: 70px;">母婴</li>
				<li style="width: 70px;">美妆</li>
				<li style="width: 70px;">居家</li>
				<li style="width: 70px;">男士</li>
				<li style="width: 95px;">唯品国际</li>
				<li style="width: 93px;">唯品金融</li>
				<li style="width: 70px;">旅行</li>
				<li style="width: 120px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-calendar"></span>&nbsp;&nbsp;明天上线</li>
				<li style="width: 180px;">&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-align-justify"></span>&nbsp;&nbsp;在售分类</li>
			</ul>
		</div>
	</div>
</div>
<!--=================
	公共顶部区域结束
==================-->
<!--=================
	公共右侧区域开始
==================-->
<div class="rightUser">
	<div class="rightUserTop">
		<ul>
			<br />
			<br />
			<br />
			<br />
			<br />
			<br />
			<li class="glyphicon glyphicon-user"></li>
			<li>账号</li>
			<br />
			<br />
			<li class="glyphicon glyphicon-yen"></li>
			<li>券</li>
			<br />
			<br />
			<li class="glyphicon glyphicon-heart"></li>
			<li>品牌</li>
			<br />
			<br />
			<li class="glyphicon glyphicon-star"></li>
			<li>商品</li>
		</ul>
	</div>
	<div class="rightUserBottom">
		<ul>
			<br />
			<li class="glyphicon glyphicon-shopping-cart"></li>
			<li>购</li>
			<li>物</li>
			<li>车</li>
			<br />
			<li class="glyphicon glyphicon-pencil"></li>
			<br />
			<br />
			<br />
			<li class="glyphicon glyphicon-menu-up"></li>
		</ul>
	</div>
</div>
<!--=================
	公共右侧区域结束
==================-->
<!--=================
	商品分类区域开始
==================-->
<div class="shopCate">
	<div class="shopTitle">
		<a href="">商品分类</a>&nbsp;&nbsp;<i class="glyphicon glyphicon-chevron-right"></i>&nbsp;
		<a href="">品质女装</a>&nbsp;&nbsp;<i class="glyphicon glyphicon-chevron-right"></i>&nbsp;
		<a href="">女上装</a>&nbsp;&nbsp;<i class="glyphicon glyphicon-chevron-down"></i>&nbsp;
	</div>
	<div class="shopCateSelect">
		<div class="shopCateBrand">
			<div class="brand">
				<span>品牌：</span>
			</div>
			<div class="brandShow">
				<div>
					<dl>
						<dd><a href=""><img src="../images/ep.png"/></a></dd>
						<dd><a href=""><img src="../images/ep.png"/></a></dd>
						<dd><a href=""><img src="../images/ep.png"/></a></dd>
						<dd><a href=""><img src="../images/ep.png"/></a></dd>
						<dd><a href=""><img src="../images/ep.png"/></a></dd>
						<dd><a href=""><img src="../images/ep.png"/></a></dd>
						<dd><a href=""><img src="../images/ep.png"/></a></dd>
					</dl>
					<dl>
						<dd><a href=""><img src="../images/ep.png"/></a></dd>
						<dd><a href=""><img src="../images/ep.png"/></a></dd>
						<dd><a href=""><img src="../images/ep.png"/></a></dd>
						<dd><a href=""><img src="../images/ep.png"/></a></dd>
						<dd><a href=""><img src="../images/ep.png"/></a></dd>
						<dd><a href=""><img src="../images/ep.png"/></a></dd>
						<dd><a href=""><img src="../images/ep.png"/></a></dd>
					</dl>
				</div>
			</div>
			<div class="brandOther">
				<span>更多</span>&nbsp;&nbsp;<i class="glyphicon glyphicon-menu-down"></i>
				<span class="check">多选&nbsp;<i class="glyphicon glyphicon-plus"></i></span>
			</div>
		</div>
		<div class="shopCateGirls">
			<div class="girls">
				<span>女上装：</span>
			</div>
			<div class="shopGirlsSelect">
				<div>
					<ul>
						<li>T恤</li>
						<li>T恤</li>
						<li>T恤</li>
						<li>T恤</li>
						<li>T恤</li>
						<li>T恤</li>
						<li>T恤</li>
						<li>T恤</li>
						<li>T恤</li>
						<li>T恤</li>
						<li>T恤</li>
						<li>T恤</li>
						<li>T恤</li>
						<li>T恤</li>
						<li>T恤</li>
					</ul>
				</div>
			</div>
			<div class="girlsOther">
				<span class="girlsCheck">多选&nbsp;<i class="glyphicon glyphicon-plus"></i></span>
			</div>
		</div>
	</div>
	<div class="shopCateOrder">
		<div>
			<p>综合</p>
		</div>
		<div>
			<p>
				价格
				<span>
					<i class="glyphicon glyphicon-chevron-up"></i>
					<i class="glyphicon glyphicon-chevron-down"></i>
				</span>
			</p>
		</div>
		<div>
			<p>
				时间
				<span>
					<i class="glyphicon glyphicon-chevron-up"></i>
					<i class="glyphicon glyphicon-chevron-down"></i>
				</span>
			</p>
		</div>
		<div>
			<p>
				折扣
				<span>
					<i class="glyphicon glyphicon-chevron-up"></i>
					<i class="glyphicon glyphicon-chevron-down"></i>
				</span>
			</p>
		</div>
		<div class="shopCatePrice">
			<div class="price">
				<form action="" method="post">
					<input type="" name="" id="" value="" placeholder="¥"/>&nbsp;-
					&nbsp;<input type="" name="" id="" value="" placeholder="¥"/>
					<input type="submit" value="确定" class="submit"/>
				</form>
			</div>
			<div class="shopReady">
				<input type="checkbox" name="" id="" value="" />&nbsp;&nbsp;只看预热商品
			</div>
			<div class="shopPage">
				<nav>
  					<ul class="pagination pagination-sm">
					    <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
					    <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
					    ...
					</ul>
				</nav>
			</div>
		</div>
	</div>
</div>
<!--=================
	商品分类区域结束
==================-->	
<!--=================
	商品展示区域开始
==================-->
<div class="shopShow">
	<div>
		<a href="">
			<img src="../images/shirt2.jpg"/>
		</a>
		<a href="">
			女款白色时尚百搭衬衫
		</a>
		<p>¥<span>168</span>(2.9折)</p>
		<i class="glyphicon glyphicon-time"></i>&nbsp;&nbsp;2天
	</div>
	<div>
		<a href="">
			<img src="../images/shirt2.jpg"/>
		</a>
		<a href="">
			女款白色时尚百搭衬衫
		</a>
		<p>¥<span>168</span>(2.9折)</p>
		<i class="glyphicon glyphicon-time"></i>&nbsp;&nbsp;2天
	</div>
	<div>
		<a href="">
			<img src="../images/shirt2.jpg"/>
		</a>
		<a href="">
			女款白色时尚百搭衬衫
		</a>
		<p>¥<span>168</span>(2.9折)</p>
		<i class="glyphicon glyphicon-time"></i>&nbsp;&nbsp;2天
	</div>
	<div>
		<a href="">
			<img src="../images/shirt2.jpg"/>
		</a>
		<a href="">
			女款白色时尚百搭衬衫
		</a>
		<p>¥<span>168</span>(2.9折)</p>
		<i class="glyphicon glyphicon-time"></i>&nbsp;&nbsp;2天
	</div>
</div>
<div class="selectPage">
	<nav>
		<ul class="pagination pagination-lg">
		    <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
		    <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
		    ...
		</ul>
	</nav>
</div>
<!--=================
	商品展示区域结束
==================-->
<!--=================
	公共底部开始
==================-->
<div class="bottomAll">
	<div class="bottomImg">
		<img src="../images/bottom.png"/>
	</div>
	<div class="bottomCate">
		<div>
			<p>服务保障</p>
			<ul>
				<li>正品保证</li>
				<li>正品保证</li>
				<li>正品保证</li>
				<li>正品保证</li>
			</ul>
		</div>
		<div>
			<p>服务保障</p>
			<ul>
				<li>正品保证</li>
				<li>正品保证</li>
				<li>正品保证</li>
				<li>正品保证</li>
			</ul>
		</div>
		<div>
			<p>服务保障</p>
			<ul>
				<li>正品保证</li>
				<li>正品保证</li>
				<li>正品保证</li>
				<li>正品保证</li>
			</ul>
		</div>
		<div>
			<p>服务保障</p>
			<ul>
				<li>正品保证</li>
				<li>正品保证</li>
				<li>正品保证</li>
				<li>正品保证</li>
			</ul>
		</div>
		<div>
			<p>服务保障</p>
			<ul>
				<li>正品保证</li>
				<li>正品保证</li>
				<li>正品保证</li>
				<li>正品保证</li>
			</ul>
		</div>
		<div style="border: none;">
			<p style="margin-left: 5px;">唯品会APP二维码</p>
			<img src="../images/Vip.png"/>
			<p style="margin-left: 5px;">下载唯品会移动APP</p>
		</div>
	</div>
	<div class="bottomGuide">
		<div>
			<ul>
				<li>关于我们|</li>
				<li>关于我们|</li>
				<li>关于我们|</li>
				<li>关于我们|</li>
				<li>关于我们|</li>
				<li>关于我们|</li>
				<li>关于我们|</li>
				<li>关于我们|</li>
				<li>关于我们|</li>
				<li>关于我们|</li>
				<li>关于我们|</li>
				<li>关于我们|</li>
				<li>关于我们</li>
			</ul>
		</div>
		<div class="bottommes">
			<p>Copyright © 2008-2016 vip.com，All Rights Reserved 粤ICP备08114786号 ICP经营许可证：粤B2-20080329 网络文化经营许可证：粤网文〔2015〕1528-229</p>
			<p>使用本网站即表示接受唯品会用户协议。版权所有 广州唯品会信息科技有限公司</p>
		</div>
	</div>
</div>
<!--=================
	公共底部结束
==================-->

	</body>
</html>
